/* ZGI_CSS_0_0_1 */
/* @font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Light.eot');
    src: url('../fonts/Montserrat-Light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Montserrat-Light.woff') format('woff'),
    url('../fonts/Montserrat-Light.ttf') format('truetype');
    font-style: normal;
    font-weight: 600;
} */
/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
input{-webkit-appearance:none;outline:none;/*去除input默认样式*/}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font-family: Arial, Helvetica, Microsoft Yahei,sans-serif;font-family: Lato;font-family: 'FontAwesome';font-size: 12px;outline:0;}
body{background:#fff;}
img{vertical-align:top;max-width:100%;}
a{color:#282828;-webkit-tap-highlight-color:rgba(0,0,0,0);}
a:link{text-decoration:none;outline: 0;}
a:visited{text-decoration:none;outline: 0; }
a:hover{color: #b1b1b1;text-decoration:none;outline: 0;}
a:active{text-decoration:none;outline: 0;}
*:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
*{outline:none;box-sizing: border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}

html,body,div{ -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;}

/*功能性代码 f- */
.f-cb:after,.f-cbli li:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}
.f-cb,.f-cbli li{zoom:1;}
.f-ib{display:inline-block;*display:inline;*zoom:1;}
.f-dn{display:none;}
.f-db{display:block;}
.f-fl{float:left;}
.f-fr{float:right;}
.f-pr{position:relative;}
.f-prz{position:relative;zoom:1;}
.f-oh{overflow:hidden;}
.f-ff0{font-family:arial,\5b8b\4f53;}
.f-ff1{font-family:"Microsoft YaHei",\5fae\8f6f\96c5\9ed1,arial,\5b8b\4f53;}
.f-fs1{font-size:12px;}
.f-fs2{font-size:14px;}
.f-fwn{font-weight:normal;}
.f-fwb{font-weight:bold;}
.f-tal{text-align:left;}
.f-tac{text-align:center;}
.f-tar{text-align:right;}
.f-mt0{margin-top:0px !important;}
.f-mr0{margin-right:0px !important;}
.f-mb0{margin-bottom:0px !important;}
.f-ml0{margin-left:0px !important;}
.f-taj{text-align:justify;text-justify:inter-ideograph;}
.f-vam,.f-vama *{vertical-align:middle;}
.f-wsn{word-wrap:normal;white-space:nowrap;}
.f-pre{overflow:hidden;text-align:left;white-space:pre-wrap;word-wrap:break-word;word-break:break-all;}
.f-wwb{white-space:normal;word-wrap:break-word;word-break:break-all;}
.f-ti{overflow:hidden;text-indent:-30000px;}
.f-ti2{text-indent:2em;}
.f-lhn{line-height:normal;}
.f-tdu,.f-tdu:hover{text-decoration:underline;}
.f-tdn,.f-tdn:hover{text-decoration:none;}
.f-toe{overflow:hidden;word-wrap:normal;white-space:nowrap;text-overflow:ellipsis;}
.f-csp{cursor:pointer;}
.f-csd{cursor:default;}
.f-csh{cursor:help;}
.f-csm{cursor:move;}
.f-usn{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;}
.f-gunlun::-webkit-scrollbar {display: none;/*隐藏滚轮*/}
.clear{clear:both;}
.w1140{width:1140px;margin:0px auto;}



/*头部导航*/
.g-header
{
	width:100%;
	position:fixed;
	left:0px;
	top:0px;
	z-index:9999;
	background:#fff;
	transition: all 0.5s ease 0s;
}
.g-header.ons 
{
	background:rgba(255,255,255,0.5);
}
.g-header .logo 
{
	float:left;
	margin:0px 1%;
	text-align:center;
}
.g-header .logo  img {height:100px;}
.m-topdao
{
	float:right;
	position:relative;
	z-index:9999;
	width:82%;
	margin:0px 1%;
}
.u-ipaddao
{
	width:38px;
	height:33px;
	line-height:33px;
	text-align:center;
	color:#000;
	border: 1px solid #ddd;
	display:none;
	cursor:pointer;
	transition: all 0.5s ease 0s;
	border-radius:0px;
}
.u-ipaddao:hover{border:1px solid #000;border-radius:6px;}
.u-ipaddao::before{
	width:12px;
	height:14px;
    content: "\f0c9";
}
.u-yuyan
{
	font-size:14px;
	line-height:30px;
	width:75px;
	text-align:center;
	position:absolute;
	right:0px;
	top:45px;
}
.m-topdao .topdaohang
{
	width:90%;
	float:right;
	margin-right:70px;
	position:relative;
	text-transform: uppercase;
    font-family: 'Montserrat';
}
.m-topdao .topdaohang .topdao{float:right;}
.u-topdao
{
	float:left;
	padding:45px 0px 25px;
	position: static;
}
.u-topdao.u-topdaoa {position:relative;}
.u-topdao .tdxian p 
{
	font-size:18px;
	line-height:30px;
	padding:0px 25px;
	transition: all 0.5s ease 0s;
}
.u-topdao .tdxian.active a{color:#b1b1b1;}
.u-topdao .tdxian a:hover{color:#b1b1b1;}
.u-topdao:hover .tdxian a{color:#b1b1b1;}
.u-topdao .tdyin
{
	position:absolute;
	right:0px;
	top:100%;
	background:#fff;
	padding:15px;
	width:100%;
	border: 1px solid #ebebeb;
	opacity:0;
	transition: all 0.2s ease 0s;
	z-index:-1;
	visibility: hidden;
}
.u-topdao .tdyin.ons
{
	opacity:1;
	visibility: visible;
	z-index:9999;
} 
.u-topdao.u-topdaoa .tdyin
{
	width:200px;
	left:0px;
	right:inherit;
	padding:0px;
}
.u-tdyin
{
	width:19%;
	margin:0px 3%;
	float:left;
	overflow:auto;
	text-align:center;
    font-size: 14px;
}
.u-topdao.u-topdaoa .tdyin .u-tdyin{width:100%;margin:0px;}
.u-tdyin:nth-child(2){width:44%;}
.u-tdyin .yintit
 {
    color: #363636;
    background-color: #e8e8e8;
    padding: 10px 20px;
    margin-bottom: 3px;
    text-transform: uppercase;
}
.u-tdyin  p 
{
    padding: 14px 20px;
    border-bottom: 1px solid #e1e1e1;
	line-height:20px;
	text-transform:capitalize;
}
.u-tdyin  a:last-child p{border:0px;}
.u-topdao.u-topdaoa .tdyin .u-tdyin p{text-align:left;padding: 10px 20px;}


/*底部导航*/
.g-footer
{
	width:100%;
	background:#000;
	color: #666;
}
.g-footer .w1140{padding:25px 0px 10px;}
.m-footer1{float:left;}
.m-footer1 .f1logo{margin-bottom:15px;}
.m-footer1 .f1logo img{height:70px;}
.m-footer1 .f1txt
{
	font-size:14px;
	line-height:30px;
}
.g-footer  p::before
{
	color:#666;
	font-size: 1.4em;
	vertical-align:middle;
	margin-right:15px;
}
.g-footer  p a::before
{
	color: #666;
	font-size: 1.4em;
	vertical-align:middle;
	margin-right:15px;
}
.g-footer .p1::before {content: "\F22C";}
.g-footer .p2::before {content: "\F095";}
.g-footer .p3::before {content: "\F1D8";}
.g-footer .p4::before {content: "\F073";}
.g-footer .p5 a::before {content: "\f1d7";}
.g-footer .p6 a::before {content: "\f1e0";}
.g-footer .p7 a::before {content: "\f030";}

.m-footer2
{
	width:35%;
	float:right;
	padding-top:85px;
	text-align:left;
	line-height:30px;
	font-size:14px;
}
.m-footer2 .f2tit
{
	font-weight: 500;
	font-size:21px;
	color:#fff;
	margin-bottom:10px;
}
.m-footer2 .f2txt p{float:left;width:33.33%;}
.m-footer2 .f2txt p  a {color:#666;display:inline-block;}
.m-footer2 .f2txt p  a:hover{color:#fff;}
.m-footer2 .f2txt p:hover  a::before{color:#fff;}
.m-footer3
{
	width:100%;
	line-height:20px;
	font-size:12px;
	text-align:center;
	margin-top:15px;
	text-transform: uppercase;
	font-family: Arial;
}
.m-footer3 span {margin:0px 15px;}
.m-footer3 a {color:#666;}
.m-footer3 a:hover{color:#fff;}





/*中间内容*/
.g-center
{
	width:100%;
	position:relative;
	z-index:999;
}
.g-center .centers
{
	width:100%;
	padding-top:30px;
	padding-bottom:60px;
	position:relative;
	overflow:hidden;
	font-family: 'Montserrat';
	font-size:14px;
	color:#666;
	line-height:23px;
}
.g-center .center.centers{padding-bottom:0px;}
.u-title
{
	width:100%;
	font-size:32px;
	padding:10px 0px 25px;
	letter-spacing: 3px;
    text-transform: uppercase;
	color: #464646;
	position:relative;
	margin-bottom:50px;
}
.u-title:after {
    position: absolute;
    height: 2px;
    width: 100px;
    content: "";
    display: inline-block;
    bottom: -1px;
    left: 0;
	background: #000;
}
.u-tit1
{
	font-size:21px;
	color:#464646;
	line-height:25px;
	padding:20px 8px 15px;
}
.u-lundian .swiper-pagination
{
	width:100%;
	bottom:20px;
}
.u-lundian .swiper-pagination-bullet
{
	width:12px;
	height:12px;
	background:none;
	opacity:1;
	border-radius:50%;
	transition: all 0.5s ease 0s;
}
.u-lundian .swiper-pagination-bullet a 
{
	width:12px;
	height:12px;
	background:#fff;
	opacity:0.7;
	display:inline-block;
	border-radius:50%;
	transition: all 0.5s ease 0s;
	vertical-align: top;
}
.u-lundian .swiper-pagination-bullet a:hover{opacity:1;}
.u-lundian .swiper-pagination-bullet.swiper-pagination-bullet-active {opacity: 1;box-shadow: 0 0 0 2px white;}
.u-lundian .swiper-pagination-bullet.swiper-pagination-bullet-active a {-webkit-transform: scale(0.4);transform: scale(0.4);opacity:1;}
.u-lundian .sma{background:none;border-radius:50%;}
.u-lundian .sma.slunyou {-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.u-lundian .sma::before 
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background: #d0d0d0;
	content: '';
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
}
.u-lundian .sma span::before,
.u-lundian .sma span::after 
{
	position: absolute;
	left: 25%;
	width: 3px;
	height: 50%;
	background: #d0d0d0;
	content: '';
	-webkit-transition: -webkit-transform 0.3s, background-color 0.3s;
	transition: transform 0.3s, background-color 0.3s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.u-lundian .sma span::before 
{
	-webkit-transform: translateX(-50%) rotate(30deg);
	transform: translateX(-50%) rotate(30deg);
	-webkit-transform-origin: 0 100%;
	transform-origin: 0 100%;
}
.u-lundian .sma span::after 
{
	top: 50%;
	-webkit-transform: translateX(-50%) rotate(-30deg);
	transform: translateX(-50%) rotate(-30deg);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}
.u-lundian .sma:hover::before 
{
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
.u-lundian .sma:hover span::before,
.u-lundian .sma:hover span::after {background: #000;}
.u-lundian .sma:hover span::before 
{
	-webkit-transform: translateX(-50%) rotate(45deg);
	transform: translateX(-50%) rotate(45deg);
}
.u-lundian .sma:hover span::after 
{
	-webkit-transform: translateX(-50%) rotate(-45deg);
	transform: translateX(-50%) rotate(-45deg);
}

/*首页轮播图*/
.g-sbanner
{
	width:100%;
	position:relative;
	overflow:hidden;
}
.g-sbanner img {max-width:100%;opacity:0;z-index:-99;}
.g-sbanner a{display:block;width:100%;height:100%;}
.g-sbanner .antit::before,.g-sbanner .antit::after
{
	position:absolute;
	content:'';
	opacity:0;
	top:30%;
	right:30%;
	bottom:30%;
	left:30%;
	-webkit-transition:opacity 1s,-webkit-transform 1s;
	-moz-transition:opacity 1s,-moz-transform 1s;
	-o-transition:opacity 1s,-o-transform 1s;
	transition:opacity 1s,transform 1s;
}
.g-sbanner .antit::before
{
	border-top:0px solid #fff;
	border-bottom:0px solid #fff;
	-webkit-transform:scale(0,1);
	-moz-transform:scale(0,1);
	-o-transform:scale(0,1);
	transform:scale(0,1);
	-webkit-transform-origin:0 0;
	-moz-transform-origin:0 0;
	-o-transform-origin:0 0;transform-origin:0 0
}
.g-sbanner .antit::after
{
	border-right:0px solid #fff;
	border-left:0px solid #fff;
	-webkit-transform:scale(1,0);
	-moz-transform:scale(1,0);
	-o-transform:scale(1,0);
	transform:scale(1,0);
	-webkit-transform-origin:100% 0;
	-moz-transform-origin:100% 0;
	-o-transform-origin:100% 0;
	transform-origin:100% 0
}
.g-sbanner:hover .antit::before,.g-sbanner:hover .antit::after
{
	opacity:1;
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1)
}
.g-sbanner .antit
{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background:rgba(173,139,102,0);
	opacity:0;
	text-align:center;
	text-transform: uppercase;
	font-size:32px;
	line-height:60px;
	color:#fff;
	display:table;
	transition: all 0.5s ease 0s;
}
.g-sbanner .antit a{width:auto;height:auto;color:#fff;display:inline-block;}
.g-sbanner .antit  .sd 
{
	display:table-cell;
	vertical-align:middle;
	width:36%;
	margin-left:32%;
	margin-top:50%;
	overflow:hidden;
	opacity:0;
	-webkit-transition:all .6s ease-in-out;
	-moz-transition:all .6s ease-in-out;
	-o-transition:all .6s ease-in-out;
	-ms-transition:all .6s ease-in-out;
	transition:all .6s ease-in-out;
}
.g-sbanner .antit  .sd  object
{
	display:inline-block;
	width:100%;
	margin:15px 0px;
}
.g-sbanner .antit .sd   span 
{
	position:relative;
	top:100px;
	-webkit-transition:all .6s ease-in-out;
	-moz-transition:all .6s ease-in-out;
	-o-transition:all .6s ease-in-out;
	-ms-transition:all .6s ease-in-out;
	transition:all .6s ease-in-out;
}
.g-sbanner:hover .sd  {opacity:1}
.g-sbanner:hover .sd  span{top:0px;}
.g-sbanner:hover .antit{background:rgba(60,60,60,0.7);opacity:1;}
.g-sbanner .antit .sd   .sp2{font-size:20px;line-height:32px;}
.g-sbanner .antit .sd   .sp3{font-size:20px;line-height:32px;}



/*首页艺术家列表,活动列表*/
.m-artist{width:100%;padding:50px 0px;}
.m-artist .artist
{
	width:100%;
	position:relative;
	display: flex;
	flex-direction:row;
	flex-wrap: wrap; 
	align-items : center; 
}
.m-artist .artist.artist1{justify-content: space-between;}
.m-artist .artist p
{
	width:33.33%;
	color: #464646;
	font-size:22px;
	display:block;
	text-align:center;
	letter-spacing: 3px;
    text-transform: uppercase;
	line-height:30px;
	padding:20px 0px;
}
.m-artist .artist a:hover {color:#000;}
.u-activity
{
	width:30%;
	float:left;
	text-align:center;
	font-size:20px;
	color:#fff;
	margin-bottom:30px;
	position:relative;
}
.u-activity  .activity
{
    padding: 50px 15px;
    text-shadow: 5px 5px 5px #999;
    background: rgba(0,0,0,0);
    transition: all 0.5s ease 0s;
    box-shadow: 0 0 0px rgba(0, 0, 0, 0);
    position: relative;
    z-index: 99;
}
.u-activity  .activity:hover
{
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
	background: rgba(160,160,160,0.7);
}
.u-activity  .activity::before,.u-activity  .activity::after
{
	position:absolute;
	content:'';
	opacity:0;
	top:50px;
	right:15%;
	bottom:50px;
	left:15%;
	-webkit-transition:opacity 1s,-webkit-transform 1s;
	-moz-transition:opacity 1s,-moz-transform 1s;
	-o-transition:opacity 1s,-o-transform 1s;
	transition:opacity 1s,transform 1s;
}
.u-activity  .activity::before
{
	border-top:0px solid #fff;
	border-bottom:0px solid #fff;
	-webkit-transform:scale(0,1);
	-moz-transform:scale(0,1);
	-o-transform:scale(0,1);
	transform:scale(0,1);
	-webkit-transform-origin:0 0;
	-moz-transform-origin:0 0;
	-o-transform-origin:0 0;transform-origin:0 0
}
.u-activity  .activity::after
{
	border-right:0px solid #fff;
	border-left:0px solid #fff;
	-webkit-transform:scale(1,0);
	-moz-transform:scale(1,0);
	-o-transform:scale(1,0);
	transform:scale(1,0);
	-webkit-transform-origin:100% 0;
	-moz-transform-origin:100% 0;
	-o-transform-origin:100% 0;
	transform-origin:100% 0
}
.u-activity:hover .activity::before,.u-activity:hover .activity::after
{
	opacity:1;
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1)
}
.m-artist .artist .u-activity p 
{
	width:100%;
	padding:10px 0px;
	font-size:20px;
	color:#fff;
	letter-spacing: 2px;
}
.m-renwu
{
	width:100%;
	background:#ebebeb;
	padding:45px 0px;
	text-align:center;
	font-size:16px;
	color:#666;
	line-height:22px;
}
.u-renwu img {width:120px;margin-bottom:10px;} 
.u-renwu  .p1 
{
	margin-top:30px;
	font-style: italic;
	font-size:13px;
	color:#000;
	line-height:18px;
}




/*关于我们内页*/
.m-about{width:100%;font-weight:200;}
.m-about .about{width:100%}
.m-about .lianxi
{
	width:100%;
	padding:40px 0px 70px;
	text-align:center;
	line-height:35px;
}
.m-about .lianxi .p1 
{
	color:#222;
	font-size:21px;
	margin-bottom:10px;
	text-transform: uppercase;
    letter-spacing: 2px;
}
.m-about .lianxi img {max-height:120px;}


/*活动内页*/
.m-activity .u-activity{width:100%;float:inherit;}
.m-activity .u-activity p 
{
	width:100%;
	padding:6px 0px;
	font-size:24px;
	color:#fff;
	letter-spacing: 2px;
	display: block;
    text-align: center;
	text-transform: uppercase;
    line-height: 30px;
}
.m-activity .actit
{
	width:100%;
	margin-bottom:20px;
}
.m-activity .actit .tits
{
	padding:15px 0px;
    font-size: 24px;
	line-height:35px;
    font-family: "Microsoft YaHei";
    color: rgb(64, 64, 64);
    font-weight: normal;
    overflow-wrap: break-word;
    word-break: normal;
    white-space: normal;
	border-bottom:1px solid #dcdcdc;
}
.m-activity .actit .times
{
	font-size:12px;
	padding-top:10px;
}


/*艺术家列表详情页*/
.u-zhantit
{
	width:100%;
	height:40px;
	line-height:40px;
	color: #444;
	font-size:16px;
	position:relative;
	padding-left:12px;
	margin:10px 0px 15px;
}
.u-zhantit::before
{
	position:absolute;
	left:0px;
	top:12px;
	height:16px;
	width:2px;
	background:#444;
	content: "";
}
.m-artistn
{
	width:100%;
	position:relative;
	display: flex;
	flex-direction:row;
	flex-wrap: wrap; 
	align-items : center; 
}
.u-artistn
{
	width:22.75%;
	position:relative;
	margin:0px 3% 25px 0px;
	box-shadow: 0 0 0px rgba(0, 0, 0, 0);
	transition: all 0.5s ease 0s;
	overflow:hidden;
    font-family: "Microsoft YaHei";
}
.u-artistn:nth-child(4n){margin:0px 0px 25px;}
.u-artistn:hover{box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);}
.u-artistn .animg{width:100%;overflow:hidden;background:#f4f4f4;}
.u-artistn .animg img{width:100%;transition: all 0.6s ease 0s;}
.u-artistn:hover .animg img{transform: scale(1.1,1.1);-webkit-transform: scale(1.1,1.1);}
.u-artistn .animg img{width:100%;}
.u-artistn .antit
{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background:rgba(173,139,102,0);
	opacity:0;
	text-align:center;
	text-transform: uppercase;
	font-size:18px;
	color:#fff;
	display:table;
	transition: all 0.5s ease 0s;
}
.u-artistn .antit a{width:auto;height:auto;color:#fff;display:inline-block;}
.u-artistn .antit  .sd  object
{
	display:inline-block;
	width:100%;
	margin:8px 0px;
}
.u-artistn .antit  .sd 
{
	display:table-cell;
	vertical-align:middle;
	width:76%;
	margin-left:12%;
	margin-top:50%;
	overflow:hidden;
	opacity:0;
	-webkit-transition:all .6s ease-in-out;
	-moz-transition:all .6s ease-in-out;
	-o-transition:all .6s ease-in-out;
	-ms-transition:all .6s ease-in-out;
	transition:all .6s ease-in-out;
}
.u-artistn .antit .sd  span 
{
	position:relative;
	top:100px;
	-webkit-transition:all .6s ease-in-out;
	-moz-transition:all .6s ease-in-out;
	-o-transition:all .6s ease-in-out;
	-ms-transition:all .6s ease-in-out;
	transition:all .6s ease-in-out;
}
.u-artistn:hover .sd {opacity:1}
.u-artistn:hover .sd span{top:0px;}
.u-artistn:hover .antit{background:rgba(60,60,60,0.7);opacity:1;}
.u-artistn .antit .sd  .sp2{font-size:12px;line-height:22px;}
.u-artistn .antit .sd  .sp3{font-size:12px;line-height:22px;}
.u-artistn .antit::before,.u-artistn .antit::after
{
	position:absolute;
	content:'';
	opacity:0;
	top:20%;
	right:10%;
	bottom:20%;
	left:10%;
	-webkit-transition:opacity 1s,-webkit-transform 1s;
	-moz-transition:opacity 1s,-moz-transform 1s;
	-o-transition:opacity 1s,-o-transform 1s;
	transition:opacity 1s,transform 1s;
}
.u-artistn .antit::before
{
	border-top:0px solid #fff;
	border-bottom:0px solid #fff;
	-webkit-transform:scale(0,1);
	-moz-transform:scale(0,1);
	-o-transform:scale(0,1);
	transform:scale(0,1);
	-webkit-transform-origin:0 0;
	-moz-transform-origin:0 0;
	-o-transform-origin:0 0;transform-origin:0 0
}
.u-artistn .antit::after
{
	border-right:0px solid #fff;
	border-left:0px solid #fff;
	-webkit-transform:scale(1,0);
	-moz-transform:scale(1,0);
	-o-transform:scale(1,0);
	transform:scale(1,0);
	-webkit-transform-origin:100% 0;
	-moz-transform-origin:100% 0;
	-o-transform-origin:100% 0;
	transform-origin:100% 0
}
.u-artistn:hover .antit::before,.u-artistn:hover .antit::after
{
	opacity:1;
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1)
}
.m-artistx{width:100%;position:relative;}
.m-arjieshao{width:100%;margin-bottom:110px;}
.m-arjieshao .u-tit1{text-transform: uppercase;}
.m-arjieshao .arjieshao{width:100%;position:relative;}
.m-arjieshao .arjieshao .titles
{
	width:100%;
	display: flex;
	flex-direction:row;
	flex-wrap: wrap; 
	align-items : center; 
    position: relative;
	margin-bottom:30px;
}
.m-arjieshao .arjieshao .titles .onetitle
{
    padding:5px 15px;
    display: inline-block;
    cursor: pointer;
	font-size:16px;
	border-bottom:2px solid #fff;
}
.m-arjieshao .arjieshao .titles .onetitle:hover{color: #000;}
.m-arjieshao .arjieshao .titles .targeted{color: #000;border-bottom:2px solid #000;}
.m-arjieshao .arjieshao .contents{width: 100%;position:relative;}
.m-arjieshao .arjieshao .contents .onecontent{display: none;background-color: #fff;}
.m-arjieshao .arjieshao .contents .onecontent .cvtxt
{
	font-size:14px;
	color:#666;
	line-height:35px;
}
.m-arjieshao .arjieshao .contents .targeted{display: block;}
.u-bio{width:100%;}
.u-bio .bimg{width:32%;float:left;}
.u-bio .btxt{width:65%;float:right;}
.m-exhibition{width:100%;}
.u-exhibition{width:100%;}
.u-exhibition .exxian
{
	width:100%;
	padding:15px 0px;
	line-height:26px;
	border-bottom:1px solid #dcdcdc;
	font-size:16px;
	font-weight:bold;
	color:#000;
	font-family: 'FontAwesome';
	cursor:pointer;
}
.u-exhibition .exxian i
{
	-webkit-transition: .3s all;
	display: inline-block;
	margin-right:10px;
}
.u-exhibition .exxian i::before {content: "\F0DA";}
.u-exhibition.ons .exxian i {-webkit-transform: rotate(90deg);transform: rotate(90deg);}
.u-exhibition .exyin{width:100%;padding:15px 20px;display:none;}
.u-exhibition .exyins{width:100%;padding:15px 20px;}
.u-exhibition.ons .exyin{display:block;}
.u-exyin
{
	width:100%;
	position:relative;
	font-size:15px;
}
.u-exyin .extit
{
	width:100px;
	line-height:42px;
	color:#000;
	position:absolute;
	left:0px;
	top:0px;
	letter-spacing: 2px;
}
.u-exyin .extxt
{
	padding:10px 0px 10px 110px;
	line-height:22px;
	font-size:14px;
	position:relative;
}
.u-exyin .extxt .extxt1{position:relative;}
.u-exyin .extxt  .exming
{
	width:100%;
	padding:0px 250px 10px 0px;
}
.u-exyin .extxt  .exdidian
{
	width:210px;
	line-height:42px;
	color:#000;
	position:absolute;
	right:0px;
	top:0px;
	padding-bottom:10px;
	line-height:22px;
	font-size:14px;
}
.m-arzuoping
{
	width:100%;
	position:relative;
}
.m-arzuoping .arzuoping
{
	width:100%;
	position:relative;
	display: flex;
	flex-direction:row;
	flex-wrap: wrap; 
	align-items : center; 
}
.u-arzuoping
{
	width:15%;
	margin:0px 0.83% 20px;
	cursor:zoom-in;
	position:relative;
    overflow: hidden;
}
.u-arzuoping img{max-width: 150%;vertical-align: middle;}
.u-arzuoping p 
{
	position:absolute;
	left:0px;
	bottom:0px;
	width:100%;
	font-size:14px;
	color:#fff;
	padding:10px;
	line-height:15px;
	font-weight:bold;
	opacity:0;
	transition: all 0.5s ease 0s;
	background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,.4) 100%);
}
.u-arzuoping:hover p{opacity:1;} 
.m-cideos
{
	width: 100%;
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.u-cideos
{
	width: 15%;
    margin: 0px 0.83% 20px;
    cursor: zoom-in;
    position: relative;
    overflow: hidden;
}

.u-cideos .imgx 
{
	overflow:hidden;
	background:#f4f4f4;
}
.u-cideos .imgx  img {vertical-align:middle;}
.u-cideos .titx
{
	margin-top:10px;
	font-size:14px;
	line-height:30px;
	text-align:center;
}

/* 展览年份列表 */
.m-exposli{width:100%;position:relative;}
.m-exposli .u-title{margin-bottom:25px;}
.m-exposli .u-title:after{width:70px;}
.m-exposli  .exposli
{
	width:100%;
    position: relative;
	display: flex;
    display: -webkit-flex;
    flex-flow: column;
    align-items: stretch;
	flex-flow: row;    
	
}
.m-exposli .exposlitime
{
    position: relative;
    display: inline-table;
    min-width: 100px;
}
.m-exposli .exposlitime .etimes
{
    padding:0px 10px;
	margin:10px 0px;
    cursor: pointer;
	font-size:14px;
    font-weight: bold;
    text-decoration: none;
	display: flex;
    align-items: center;
    border-left: 2px solid transparent;
    white-space: nowrap;
	vertical-align:top;
}
.m-exposli  .exposlitime .etimes:hover{color: #000;}
.m-exposli  .exposlitime .selected{color: #000;border-left:2px solid #000;}
.m-exposli  .exposlitxt
{
	display: inline-table;
	width: 100%;
	position:relative;
	padding:0px 10px;
	margin:10px 0px;
	vertical-align:top;
}
.m-exposli  .exposlitxt .etxts{display: none;background-color: #fff;}
.m-exposli  .exposlitxt .selected{display: block;}

.u-exposli
{
	width:100%;
	position:relative;
	margin-bottom:20px;
}
.u-exposli .expimg
{
	width:32%;
	float:left;
}
.u-exposli .expimg img {max-width:100%;}
.u-exposli .exptxt
{
	width:64%;
	float:right;
	font-size:14px;
	color:#666;
	letter-spacing: 2px;
}
.u-exposli .exptxt p {padding:10px 0px;}
.u-exposli .exptxt .biaoti{font-size:22px;color:#333;}
.u-exposli .exptxt .zuozhe{color:#333;}



.m-zhans
{
	width:100%;
	padding-bottom:50px;
}
.u-zstit
{
	width:100%;
	height:40px;
	line-height:40px;
	font-family: 'Montserrat';
	font-size:16px;
	position:relative;
	z-index:99;
	margin-bottom:20px;
}
.u-zstit span 
{
	padding:0px 10px;
	border-bottom:1px solid #000;
	display:inline-block;
	position:relative;
	z-index:99;
	color:#000;
}
.u-zstit:before 
{
	content:"";
	position:absolute;
	top:40px;
	width:100%;
	height:1px;
	background:#dcdcdc;
	z-index:9;
	
}
.m-zhans .m-exposdetit{margin-bottom:0px;}






















.m-zhanl .u-artistn .animg{height:324px;}







/* 展览详情页 */
.m-exposdetit
{
	width:100%;
    position: relative;
	margin-bottom:50px;
}
.m-exposdetit .detimg{width:40%;vertical-align:top;float:left;}
.m-exposdetit .detimg img{max-width:100%;}
.m-exposdetit .dettit
{
	width:57%;
	float:right;
	vertical-align:top;
	font-size:14px;
	line-height:30px;
	color: #666;
}
.m-exposdetit .dettit  .biao
{
	font-size:26px;
	color:#444;
	padding:10px 0px;
}
.m-exposdetit .dettit  .zuo
{
	color:#444;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size:21px;
	padding:10px 0px;
/* 	font-style: italic; */
}
.m-exposdetit .dettit  .zuo p a:hover{text-decoration: underline;}
.m-exposdetit .dettit  .xian 
{
	width:100%;
	height:2px;
	background:#919da9;
	margin:10px 0px;
}
.m-exposdetit .shijian{color:#666;}
.m-exposdetit .dettxt
{
	margin-top:40px;
	font-size:14px;
	line-height:30px;
	color: #666;
}

.m-exposdetit .dettxt video{width:100%!important;height:auto!important;}
.m-exposdetit .dettxt a{color:#666;}
.m-exposdetit .dettxt a:hover{text-decoration: underline;color:#000;}
.m-exposdetxt{width:100%;position:relative;margin-bottom:80px;}
.m-exposdetxt .exposdetime
{
    position: relative;
    width: 100%;
	text-align:center;
	margin-bottom:25px;
}
.m-exposdetxt .exposdetime .edtimes
{
    padding:10px;
    cursor: pointer;
	display:inline-block;
	line-height:20px;
	font-size:14px;
    font-weight: bold;
    border-bottom: 2px solid transparent;
	vertical-align:top;
}
.m-exposdetxt  .exposdetime .edtimes:hover{color: #666;}
.m-exposdetxt  .exposdetime .selected{color: #666;border-bottom:2px solid #666;}
.m-exposdetxt  .exposdetxt
{
	width: 100%;
	position:relative;
	vertical-align:top;
	color: #666;
}
.m-exposdetxt  .exposdetxt .edtxts{display: none;background-color: #fff;}
.m-exposdetxt  .exposdetxt .selected{display: block;}
.m-exposdetxt  .exposdetxt .selected video{width:100%!important;height:auto!important;}
.m-exposdeimg{width:100%;position:relative;}
.m-exposdeimg  .swiper-slide 
{
	cursor:grab;
	width: 900px;
	height: 600px;
}
.m-exposdeimg.u-lundian .swiper-pagination-bullet{margin:0px 7px;display:inline-block;}

.m-exposdeimg  .swiper-slide{opacity:0 !important;}
.m-exposdeimg  .swiper-slide.swiper-slide-prev{opacity:1!important;}
.m-exposdeimg  .swiper-slide.swiper-slide-active{opacity:1!important;}
.m-exposdeimg  .swiper-slide.swiper-slide-next{opacity:1!important;}



.m-artistnas .u-artistn {width: 24.2%;margin: 0px 0.4% 8px;}


.u-morebtm{display:block;}
.u-morebtm.ons{display:none;}





.u-baodao .antit
{
	padding:10px;
	position:relative;
	height:auto;
	opacity:1;
	color:#444;
	font-size:14px;
	line-height:26px;
}
.u-artistn.u-baodao .antit::before,.u-artistn.u-baodao .antit::after{display:none;}
.u-artistn.u-baodao:hover .antit{background:none;}
.u-meititit
{
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-family: 'Montserrat';
    font-size: 16px;
    position: relative;
    z-index: 99;
    margin-bottom: 20px;
}
.u-meititit:before 
{
    content: "";
    position: absolute;
    top: 40px;
    width: 100%;
    height: 1px;
    background: #dcdcdc;
    z-index: 9;
}
.u-meititit span 
{
	color:#666;
	padding: 0px 15px;
    border-bottom: 1px solid #dcdcdc;
    display: inline-block;
    position: relative;
    z-index: 99;
}
.u-meititit span.ons 
{
	color: #000;
    border-bottom: 1px solid #000;
}
.u-meititit span:hover
{
	color: #000;
    border-bottom: 1px solid #000;
}

















/*------------------百度地图样式--------------------------*/
#Wechat{position:relative;top:-200px;}
.u-ditu{width:100%;height:400px;margin-top:15px;}
.u-ditu img{max-width:inherit;}
.u-ditu #map{width:100%;	height:100%;}
.BMapLabel{left:15px !important;top:-15px !important;padding:5px !important;font-size:16px !important;font-family: 'HelBdCn' !important;}
.u-ditu .center{width:252px !important;}
.u-ditu .bottom{height:25px !important;}
.BMap_bubble_title{font-size:16px !important;margin-bottom:10px !important;}
.BMap_bubble_content{font-size:13px !important;line-height:22px !important;}
/*--------------------------------------------*/
/* 响应式media */

@media screen and (max-width: 991px) {
.w1140{width:750px;}
.m-zhanl .u-artistn .animg{height:213px;}
.g-header .logo {width:100%;margin:0px;}
.g-header .logo  img {height:80px;}
.m-topdao{width:100%;padding:20px 0px;margin:0px;}
.m-topdao .topdaohang{width:100%;margin:0px;padding:0px;height:0px;background:#fff;overflow:hidden;position:absolute;left:0px;top:73px;}
.m-topdao .topdaohang.ons{border-top:1px solid #dcdcdc;}
.m-topdao .topdaohang .topdao{width:100%;padding:20px 0px;}
.u-topdao{width:100%;padding:0px;}
.u-topdao .tdyin{display:none;}
.u-topdao .tdxian p{position:relative;width:100%;text-align:center;padding:10px 25px;background:#fff;}
.u-topdao:hover .tdxian p{background:#333;}
.u-topdao .tdxian p  span{width:40px;height:50px;position:absolute;right:0px;top:0px;}
.u-topdao .tdxian p  span:before {content: "\f105";font-family: "FontAwesome";color: #ccc;font-size: 20px;vertical-align: middle;position: relative;top: 7px;}
.u-ipaddao{display:inline-block;float:right;}
.u-yuyan{right:inherit;left:0px;top:22px;text-align:left;}
.m-footer2{width:35%;}
.u-ditu{height:270px;}


.g-sbanner .antit{font-size:22px;line-height:40px;}
.g-sbanner .antit .sd   .sp2{font-size:16px;line-height:32px;}
.g-sbanner .antit .sd   .sp3{font-size:16px;line-height:32px;}
.m-artist .artist p{width:48%;}
.u-activity{width:48%;}
.u-arzuoping{width:18%;margin: 0px 1% 15px;}
.m-exposdetit .detimg{width:50%;margin-bottom:30px;}
.m-exposdetit .dettit{width:47%;}
.m-exposdetit .dettxt{margin-top:25px;}
.m-exposdeimg  .swiper-slide {width: 600px;height: 400px;}
}
@media screen and (max-width: 767px) {
.w1140{width:auto;padding:0px 10px;}
.g-header .logo  img {height:auto;width:15%;}
.m-topdao{padding:15px 0px;}
.m-topdao .topdaohang{top:63px;}
.u-topdao .tdxian p{font-size:14px;}
.u-yuyan{top:17px;}
.m-footer1{width:100%;padding:0px 30px;}
.m-footer2{width:100%;padding:30px 30px 0px;}
.m-footer2 .f2tit{margin-bottom:0px;font-size:16px;}
.m-footer3 span{display:inline-block;width:100%;margin:0px;}
.u-ditu{height:250px;}
.g-sbanner .antit::before, .g-sbanner .antit::after{top:20%;bottom:20%;left:25%;right:25%;}
.g-sbanner .antit .sd {width:46%;left:27%;}
.g-sbanner .antit{font-size:22px;line-height:40px;}
.g-sbanner .antit .sd   .sp2{font-size:16px;line-height:32px;}
.g-sbanner .antit .sd   .sp3{font-size:16px;line-height:32px;}

.m-artist .artist p{width:100%;}
.u-activity{width:100%;}
.u-bio .bimg{width:100%;margin-bottom:30px;}
.u-bio .btxt{width:100%;}
.m-arjieshao{margin-bottom:60px;}
.u-exhibition .exyin{padding:15px 0px;}
.u-exhibition .exyins{padding:15px 0px;}
.u-exyin{padding-bottom:20px;}
.u-exyin .extit{width:100%;position:relative;line-height:20px;}
.u-exyin .extxt{width:100%;padding:5px 0px;}
.u-exyin .extxt .exming{width:100%;padding:0px;}
.u-exyin .extxt .exdidian{width:100%;padding-bottom:5px;position:relative;}
.u-exposli .expimg{width:100%;margin-bottom:10px;}
.u-exposli .exptxt{width:100%;margin-bottom:10px;}
.u-exposli .exptxt p{padding:5px 0px;}
.m-exposdetit .detimg{width:100%;margin-bottom:30px;}
.m-exposdetit .dettit{width:100%;}
.m-exposdeimg  .swiper-slide {width: 480px;height: 320px;}
.m-zhanl .u-artistn .animg{height:188px;}
}
@media screen and (max-width: 680px) {
.m-zhanl .u-artistn .animg{height:160px;}
}
@media screen and (max-width: 580px) {
.m-zhanl .u-artistn .animg{height:137px;}
}
@media screen and (max-width: 500px) {
.m-zhanl .u-artistn .animg{height:auto;}
.g-header .logo  img {height:auto;width:20%;}
.m-footer1{width:100%;padding:0px 10px;}
.m-footer3{padding:0px 10px;}
.m-footer2{width:100%;padding:20px 10px 0px;}
.u-artistn{width:32%;margin:0px 2% 15px 0px;}
.u-artistn:nth-child(4n){margin:0px 2% 15px 0px;}
.u-artistn:nth-child(3n){margin:0px 0px 15px 0px;}
.m-artistnas .u-artistn {width:32%;margin:0px 2% 15px 0px;}
.m-artistnas .u-artistn:nth-child(4n){margin:0px 2% 15px 0px;}
.m-artistnas .u-artistn:nth-child(3n){margin:0px 0px 15px 0px;}
.u-artistn .antit{position:relative;color:#333;opacity:1;padding:7px 0px;}
.u-artistn:hover .antit{background:none;}
.u-artistn .antit::before, .u-artistn .antit::after{display:none;}
.u-artistn .antit .sd{font-size:12px;line-height:20px;height:40px;overflow:hidden;display:inline-block;width:100%;margin-left:0px;margin-top:0px;opacity:1;}
.u-artistn .antit .sd span{top:0px;display:inline-block;width:100%;}
.u-arzuoping{width:23%;margin: 0px 1% 10px;}
.u-ditu{height:200px;} 
.m-exposdeimg  .swiper-slide {width: 360px;height: 240px;}
.m-zhanl .u-artistn{width:100%;margin:0px 0px 15px 0px;display:table;vertical-align:middle;}
.m-zhanl .u-artistn a{display:table;vertical-align:middle;}
.m-zhanl .u-artistn .animg{width:35%;display:table-cell;vertical-align:middle;}
.m-zhanl .u-artistn .antit{width:60%;display:table-cell;vertical-align:middle;padding-left:5%;}
.m-zhanl .u-artistn .antit .sd{height:auto;text-align:left;font-size:14px;line-height:25px;}
.m-zhanl .u-artistn .antit .sd span:nth-child(1){font-weight:bold;font-size:14px;}
.g-sbanner .antit::before, .g-sbanner .antit::after{top:20%;bottom:20%;left:25%;right:25%;}
.g-sbanner .antit .sd {width:46%;left:27%;}
.g-sbanner .antit{font-size:18px;line-height:30px;}
.g-sbanner .antit .sd   .sp2{font-size:12px;line-height:22px;}
.g-sbanner .antit .sd   .sp3{font-size:12px;line-height:22px;}
.m-footer3 .ps	{
		transform: scale(0.8,0.8);
    position: relative;
    left: -12.5%;
    width: 125%;
	}
}
@media screen and (max-width:380px) {
.m-exposdeimg  .swiper-slide {width: 320px;height: 200px;}
}
@media screen and (min-width: 992px) and (max-width: 1199px){
.w1140{width:930px;}
.m-zhanl .u-artistn .animg{height:264px;}
.g-header .logo  img {height:90px;}
.u-topdao .tdxian p{padding:0px 20px;font-size:16px;}
.u-yuyan{top:35px;}
.m-topdao .topdaohang{padding-top:0px;}
.u-topdao{padding:35px 0px 25px;}
.u-ditu{height:320px;}
.g-sbanner .antit{font-size:28px;line-height:50px;}
.g-sbanner .antit .sd   .sp2{font-size:16px;line-height:32px;}
.g-sbanner .antit .sd   .sp3{font-size:16px;line-height:32px;}
.u-arzuoping{margin: 0px 0.83% 13px;}
.m-exposdeimg  .swiper-slide {width: 600px;height: 400px;}
}
@media screen and (min-width: 992px) and (max-width: 1420px){
.m-exposdeimg  .swiper-slide {width: 600px;height: 400px;}
}

/*演示代码
.y-yan1 img{width:100%;height:100%;-webkit-transition: all 1s ease;transition: all 1.8s ease;}
.y-yan1:hover img{transform: scale(1.1,1.1);-webkit-transform: scale(1.1,1.1);}
.y-yan2{height:66px;transition: all 0.5s ease 0s;}
.y-yan2:hover{height:50px;}
.y-yan2.on{height:50px;}
.y-yan3 p:nth-child(2){margin: 0px 0px 13px 0px;}//属于其父元素的第二个p，2n的话表示2的倍数的p 
.y-yan4{background: url(../yu-img/cela4.jpg) center top no-repeat;-webkit-background-size: cover;-o-background-size: cover;background-size: cover;}//背景图片铺满
*/